<h1 style="color:#5A6883;">Case Details</h1>


<table class="table table-striped table-bordered" width="100%" id="example">
	<thead>
    <tr style="background-color:#771843;">
		<th style="color:white;">ID</th>
		<th  style="color:white;">Receipt No</th>
        <th  style="color:white;">Assigned Date</th>
        <th  style="color:white;">Assigned To</th>
		<th  style="color:white;">Status</th>
		<th  style="color:white;">Options</th>
	</tr>
    </thead>
	<?php foreach ($reports as $report):?>
		<tr>
			<td> <?php  echo $report->id; ?></td>

			<td><?php  echo $report->case_no; ?></a></td>
		    <td><?php  echo $report->date; ?></td>
            <td> <?php  echo $report->username; ?></td>
           <td><?php  echo $report->status; ?></td>
		 <td> </td>
		</tr>
	<?php endforeach;?>
</table>


<script>
$(document).ready(function() {
	
// Support for AJAX loaded modal window.
// Focuses on first input textbox after it loads the window.
$('[data-toggle="modal"]').click(function(e) {
	e.preventDefault();
	var url = $(this).attr('href');
	if (url.indexOf('#') == 0) {
		$(url).modal('open');
	} else {
		$.get(url, function(data) {
			$('<div class="modal hide fade">' + data + '</div>').modal();
		}).success(function() { $('input:text:visible:first').focus(); });
	}
});
	
});
</script>
<script>   
  // subtasks edit scripts
		
$('.ccdc').click(function(event) {	
  event.preventDefault();
  $.get(this.href, function(html) {
  $(html).appendTo('body').modal(); 
  });
});
</script>